:root {
    --primary: #d4ab8c;
	--secondary: #e9d4c4;
	--gray: #71717a;
	--dark: #202020;
	--dark-light: #3b3b3b;
	--dark-hover: #212121;
	--danger: #e60012;
	--danger-hover: #b8000e;
  }

html {
	background-color: var(--dark);
	background: url("/assets/images/fancy-cushion.webp");
}

body {
	background-color: transparent;
}

body a, body a:hover, body a:focus,
body a:active,
body a.active,
card-details,
.panel .panel-body p,
.nav-pills.preferences .dropdown.open .dropdown-toggle:hover,
.topbar .dropdown-header,
.topbar .dropdown-header:hover,
.media .media-body strong,
#topbar-first .media-list li,
.card-body > div,
.media-body
{
	color: #fff
}

#topbar-second #space-menu-dropdown li > ul > li > a > .media .media-body p {
	color: var(--gray)
}

.btn.btn-info.btn-sm.active,
.btn-info:active, .btn-info.active {
	background-color: transparent!important;
}

.btn.btn-info.btn-sm.active:hover,
.btn-info.active:hover,
.btn-info.active:focus,
.wall-entry .wall-entry-header .wall-entry-header-image .fa,
.well.well-small.comment-container .comment .media .media-body h4.media-heading a,
.messagePreviewEntry.entry .media .media-body h4,
#mail-conversation-header small a
{
	color: var(--primary)
}

#topbar-first .notifications .btn-group > a,
.account .dropdown-menu,
.nav-pills .dropdown-menu,
.dropdown-menu,
.container-cards .card .card-panel,
.conversation-entry-content.own
{
	background-color: var(--dark-light);
}


#topbar-second, #topbar-first,
#topbar-first .dropdown.account > a,
.load-suppressed a
{
	background-color: var(--dark);
}

#topbar-second .nav > li > a:hover, #topbar-second .nav > li.active {
	border-bottom: 3px solid var(--primary);
	background-color: var(--dark-hover);
	color: #fff;
}

.media-list li:hover, .media-list li.selected {
background-color: var(--dark-hover);
border-left: 3px solid var(--primary);
}

.container-cards .card .card-header .card-icons .fa,
.nav-pills.preferences .dropdown .dropdown-toggle i,
.container-cards .card .card-body .card-details,
.nav-pills.preferences .dropdown .dropdown-toggle i
{
	color: var(--primary)
}

/* override inline styles */

.wiki-content .wiki-content-info a 
{
	color: var(--primary)!important
}

#space-menu-dropdown .input-group-addon.focus {
border: none;
}

.panel, .tab-menu, .panel .panel-heading {
	background-color: var(--dark-light);
	color: #fff;
}

.list-group-item {
	background-color: var(--dark-light);
}

a.list-group-item,
button.list-group-item,
.tab-sub-menu > li > a,
#activityContents .media,
.wiki-content h1,
.messagePreviewEntry.entry .media .media-body h5,
.btn-group.open #dropdown-messages .dropdown-header,
.panel h1
{
	color: #fff
}



.well,
.panel .panel-body .alert p,
.panel .panel-body .alert,
.nav-tabs > li > a:hover,
.ProsemirrorEditor .ProseMirror p,
#space-header-controls-menu li:hover a,
.wiki-content.wiki-page-content .wiki-sub-pages,
.wiki-content.wiki-page-content .wiki-sub-pages a,
.wiki-content.wiki-page-content .wiki-sub-pages p,
#select2-createmessage-recipient-results a,
.panel .dropdown-menu li:hover a
{
	color: var(--dark)
}

.well .help-block {
	color: var(--dark-light)
}

.well.well-small.comment-container {
  background: var(--dark-hover);
  color: #fff;
}

.nav-pills .dropdown-menu li:hover:not(.divider), .nav-tabs .dropdown-menu li:hover:not(.divider), .account .dropdown-menu li:hover:not(.divider), .nav-pills .dropdown-menu li.selected, .nav-tabs .dropdown-menu li.selected, .account .dropdown-menu li.selected
{
	border-left: 3px solid var(--primary);
	color: var(--dark) !important;
	background-color: #212121 !important;
  }


.login-container {
	background-image: url("/assets/background/pattern_bg.jpg");
	background-size: initial;
	background-color: transparent;
}

#dropdown-notifications .media-list li.new, .media-list .messagePreviewEntry.unread {
	background-color: var(--secondary);
	border: none
}

#topbar-first {
	border-bottom: 2px solid var(--primary);
}

.media-list .messagePreviewEntry.unread{
	border-color: var(--secondary);
}

#topbar-first a,
#topbar-first .notifications .btn-group > a,
.nav-pills .dropdown-menu li.divider,
.nav-tabs .dropdown-menu li.divider, .account .dropdown-menu li.divider,
.nav-pills .dropdown-menu li a,
.media .time,
.statistics .title,
#space-header-controls-menu a
{
	color: #fff;
}

#topbar-first .dropdown.account.open > a, #topbar-first .dropdown.account > a:hover, #topbar-first .dropdown.account.open > a:hover, .nav-pills .dropdown-menu li:hover, .nav-tabs .dropdown-menu li:hover, .account .dropdown-menu li:hover, .nav-pills .dropdown-menu li.selected, .nav-tabs .dropdown-menu li.selected, .account .dropdown-menu li.selected {
	background: var(--dark-light);
}

a.list-group-item:hover, a.list-group-item.active, a.list-group-item.active:hover, a.list-group-item.active:focus, .regular-checkbox:checked + .regular-checkbox-box, .form-control:focus, .modal .dropdown-menu li:hover, .panel .dropdown-menu li:hover, .nav-tabs .dropdown-menu li:hover, .modal .dropdown-menu li.selected, .panel .dropdown-menu li.selected, .nav-tabs .dropdown-menu li.selected, #topbar-second .nav > li.active, .select2-container--humhub.select2-container--focus .select2-selection, .select2-container--humhub.select2-container--open .select2-selection, .nav-pills .dropdown-menu li, .nav-tabs .dropdown-menu li, .account .dropdown-menu li, .btn-info.active:hover, .btn-info.active:focus, .btn-info:active, .btn-info.active, .btn-primary:active, .btn-primary.active {
	border-color: var(--primary)!important;
}

.media-list li:hover, .media-list li.selected,  .media-list li:hover, .media-list li.new,
.select2-container--humhub .select2-results__option--highlighted[aria-selected]
{
	border-left-color: var(--primary)!important;
}

.tab-menu .nav-tabs li.active > a, .tab-menu .nav-tabs li.active > a:hover,  #topbar-first .caret {
	border-top-color: var(--primary);
}

#topbar-second .nav > li > a:hover {
	border-bottom-color: var(--primary);	
}

.panel .statistics .entry .count, #topbar-first .account .user-title span, .comment_create .fileinput-button:hover i, .content_edit .fileinput-button:hover i, div.required > label::after, .container-directory .card .card-header .card-icons .fa, .btn-info.active:focus, .btn-info:active, .btn-info.active, .btn-primary:active, .btn-primary.active {
	color: var(--primary)!important;
}

.regular-checkbox:checked + .regular-checkbox-box, .btn-primary, .btn-info, .comment_create .comment-buttons button, .content_edit .comment-buttons button, #nprogress .bar, .loader .sk-spinner-three-bounce div, .loader .sk-spinner-three-bounce span,
a.list-group-item:hover,
a.list-group-item.active,
a.list-group-item.active:hover,
a.list-group-item.active:focus
{
	background: var(--primary)!important;
}

.btn-primary:hover, .btn-primary:focus, .btn-info:hover, .btn-info:focus {
	background: var(--primary)!important;
}

.btn-danger {
	background: var(--danger-hover);
};

.btn-primar:hover, .btn-info:hover,
.nav-pills.preferences .dropdown.open .dropdown-toggle,
 {
	background: var(--primary);
}

.account .dropdown-menu li.divider,
.input-group-addon, .nav-pills.preferences .dropdown.open .dropdown-toggle, .nav-pills.preferences .dropdown.open .dropdown-toggle:hover, .progress-bar-info,
.tooltip .tooltip-inner,
.nav-pills .dropdown-menu li.divider,
.nav-tabs .dropdown-menu li.divider,
.account .dropdown-menu li.divider,
.badge,
.conversation-entry-list .conversation-entry-content,
.select2-container--humhub .select2-selection--multiple .select2-selection__choice
{
	background-color: var(--primary);
}

.tooltip.top .tooltip-arrow {
	border-top-color: var(--primary);
}

.btn-info.active:hover, .btn-info.active:focus, .markdown-render a, [data-ui-markdown] a, [data-ui-richtext] a, .markdown-render a:visited, [data-ui-markdown] a:visited, [data-ui-richtext] a:visited, .wall-entry-controls a, .panel .panel-body p a, .panel-body a[data-toggle], .modal-body a[data-toggle], .wall-entry .wall-entry-header .wall-entry-container-link, .wall-entry .content a, ul.tour-list li a, .topbar .dropdown-header .dropdown-header-link a, .media .media-body h5 a, .colorInfo, #conversation-head-info a, .post-file-list a, .post-file-list a:active, .post-file-list a:focus, .post-file-list a:hover {
	color: var(--primary)!important;
}

.mail-conversation-entry .markdown-render a, .mail-conversation-entry .markdown-render a:visited {
	color: #fff!important;
}

#key-testing-button{
	color: #fff!important
}

#account-top-menu {
	margin-top: -2px;	
}

#topbar-second .nav > li > a#space-menu, .wall-entry .wall-entry-header {
	border-color: var(--gray);
	border-right: none;
}

.form-collapsible-fields {
	margin-bottom: 12px;
	border-left: 3px solid var(--primary);
	background-color: var(--dark);
}

.jumbotron {
	background: none;
	border: 1px solid var(--gray)
}

table td.fc-today {
	background-color: var(--secondary);
}

.container .layout-content-container .wiki-bg {
background-image: none;	
}

input[type="checkbox"]:checked {
	border-color: var(--primary);
	background: var(--primary);
}

.conversation-entry-list .conversation-entry-content.own {
	background-color: var(--text-color-soft2)	
}

#mail-conversation-root #mail-conversation-header small a,
#mail-conversation-header ul[aria-labelledby="conversation-settings-button"] li a,
[data-ui-markdown] h2, [data-ui-richtext] h2,
.panel .dropdown-menu li a
{
	color: #fff	
}

.table-hover > tbody > tr:hover {
  background-color: var(--dark-hover);
}

table td a:hover {
	color: var(--primary);
}